<template>
	<view class="container">
		<z-paging ref="paging" :auto='true' bg-color="#fff" class="zpaing" v-model="dataList" @query="getDataList">
			<view slot="top">
				<view class="timeCon">
					<view class="left">
						<text>2024年3月</text>
						<view class="iconfont icon-youjiantouright">
						</view>
					</view>
					<view class="right">
						<text>总计：￥2253.50</text>
					</view>
				</view>
			</view>
			<view class="zPagingLoad" slot="loading">
				<u-loading-icon size="25"></u-loading-icon>
			</view>
			<view class="itemDiv" @tap="goto('pages/owns/wallet/withdrawDetail')" v-for="(item,index) in dataList"
				:key="index">
				<view class="itLeft">
					<text>支付宝提现</text>
					<text>09-27 19:14</text>
				</view>
				<view class="itRight">
					<text>￥200.00</text>
				</view>
			</view>
		</z-paging>
	</view>
</template>

<script>
	import baseMixin from "@/mixin/baseMixin.js"
	export default {
		mixins: [baseMixin],
		data() {
			return {
				dataList: []
			};
		},
		methods: {
			getDataList(pageNo, pageSize) {
				this.$refs.paging.complete([{},
					{},
					{},
					{},
					{},
					{},
					{},
					{},
				]);
				// let params = {
				// 	pageNo: pageNo,
				// 	pageSize: pageSize
				// }
				// this.fnTestList(params).then((res) => {
				// 	this.$refs.paging.complete(res.rows);
				// })
			},
		}
	};
</script>

<style lang="scss" scoped>
	.container {
		position: relative;

		.timeCon {
			background-color: #F6F8FC;
			height: 100rpx;
			display: flex;
			align-items: center;
			justify-content: space-between;
			padding: 0 32rpx;

			.left {
				display: flex;
				align-items: center;
				font-size: 28rpx;
				font-weight: 400;
				line-height: 40.54rpx;
				color: rgba(54, 68, 79, 1);

				.iconfont {
					margin-left: 5rpx;
				}
			}

			.right {
				font-size: 24rpx;
				font-weight: 400;
				line-height: 34.76rpx;
				color: rgba(94, 103, 110, 1);
			}
		}

		.itemDiv {
			display: flex;
			align-items: center;
			justify-content: space-between;
			height: 152rpx;
			background: rgba(255, 255, 255, 1);
			padding: 0 32rpx;
			border-bottom: 2rpx solid #F6F8FC;

			.itLeft {
				display: flex;
				flex-direction: column;
				font-size: 28rpx;
				font-weight: 400;
				line-height: 40.54rpx;
				color: rgba(54, 68, 79, 1);
			}

			.itRight {
				font-size: 32rpx;
				font-weight: 500;
				line-height: 46.34rpx;
				color: rgba(0, 0, 0, 1);
				font-weight: bold;
			}
		}
	}
</style>